/* CSS Document */
.phone{
	position: fixed;
	z-index: 2222;
	right: 10px;
	bottom: 50px;
	background-color:rgba(190,0,0,0.8);
	float:left;
	line-height:38px;
	width:38px;
	text-align:center;
	border-radius:3px;
	overflow:hidden;
	display:none;

}
.phone i{ font-size:32px;color:#FFFFFF}
@media screen and (max-width : 767px){
#top{ display:none}
.pro .sort a{ font-size:14px;}
.phone{ display:block}
.hot{ display:none}
blockquote blockquote{ padding:0px; margin:auto;}

*,body{ min-height:0px; min-width:0px;}
#cms *,#cms1 *{ max-width:100%; min-height:0px;}
#cms img,#cms1 img{ height:auto}
#cms,#cms1{min-height:0px;}
#postion div{ display:none}
.message{ max-width:100%; }
.message .econtent .item{ width:100%; margin:auto}
.app_top{ display:block}
#left{ display:none}
.header{ display:none}
.app_header{ display:block}
.app_top{ height:50px; float:left; width:100%;}
#pages,#right,.box{ max-width:100%; min-height:0px;}
.app_header{display:block;
	padding:0px 0; width:100%; float:left;
	height:auto;
	overflow:hidden;
	position: fixed;
	z-index: 22; background-color:#ffffff; display:block; top:0px; left:0px; height:50px; 
}
.app_header img{ height:50px;}
.box,.box1{ max-width:100%;}
	.app_header .app_logo{ width:250px;  float:left;}
.app_header .app_logo img{ max-width:100%;}
	.app_header .morenav{ float:right; display:block; background:rgba(190,0,0,0.8) url(app_nav_line.png) no-repeat center center; width:40px; height:40px; margin-top:5px; margin-right:10px;}

	.app_header .nav{height: 0; overflow: hidden; -webkit-transition: all .2s ease-in; transition: all .2s ease-in;position:relative;z-index:2; border-top:none;}
	.app_header .navon{height:72px;}



#main,#main1,#main2{ background:none;}
#right{
	width:96%;
	background-color: #FFFFFF;
	margin-right: 2%;
	margin-left: 2%;
	float: left; 
}
#postion{

}
#cms .list,.pro .list,#cms2 .list{
	width:48%;
	margin-right: 1%;
	margin-left: 1%;
}
#cms .list .img,.pro .list .img{ width:100%; height:auto;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box;}
#cms .list .img img,.pro .list .img img{ height:auto}
#cms .li .ntitle{ width:100%;}
#cms .li .time{ display:none}
#foot1{ background:none;	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd; padding-top:10px; margin-top:10px; height:auto; min-height:0px;}
#foot1 .footnav{ display:none}	
#foot1 .copy{padding-top:0px;}
.link {
	clear:both;
	background-color:#FFFFFF;
	background-position: left top;
	padding-top: 30px;
	padding-bottom: 0px;
	float: left;
	width: 100%;
	background-image: none;
	padding: 0px; margin-bottom:20px;
}
.link .etitle{
	display:block;
	color: #FFFFFF;
	 background-color:#3B4662;
	float: left;
	width: 100%;
	font-size: 14px;
	text-align: left;
	text-indent: 5px;
}
.link .econtent{
	padding: 5px;
	clear: both;
}
#foot .foot{ display:none}
#foot .copyright .fl,#foot .copyright .fr{ width:100%; text-align:center;}

/*底部*/
.message,.lianxi{ width:100%; margin:auto}
.footer2 .message{
	width:100%;
	float: left;

}
.footer2 .message .item{ float:left; width:100%; margin-bottom:5px;}
.qrcode{ display:none}
.footer2 .footnav .econtent,.footer2 .qrcode  .econtent,.footer2 .flx  .econtent{ border:none; min-height:0px;}
.footer2 .footnav .econtent,.footer2 .qrcode  .econtent,.footer2 .flx  .econtent{
padding-left:0px; 

}
.footer2 .footnav .etitle,.footer2 .qrcode  .etitle,.footer2 .flx  .etitle{
	text-align: left;
	text-indent: 0px; padding-top:10px;
}
.footer2 .footnav,.footer2 .qrcode ,.footer2 .flx {

margin-left: 0px;
}
.footer2{ width:90%; padding-left:5%; padding-right:5%;}
/*首页*/ 
.pro .econtent .list{ width:50%;}
.pro .econtent{ width:96%; padding-left:2%; padding-right:2%}
.pro  .etitle1{ padding-left:2%; padding-right:2%; width:96%;}
.pro .sort a{ width:48%;}



.pro .tjcontent .picli .img{  width:100%; }
.pro .tjcontent .picli .img img{ width:100%;}
.pro .tjcontent .picli .right{ margin-left:0px; margin-right:0px; max-width:96%; width:96%; float:left; padding-left:2%; padding-right:2%;}






.about{
	background-image: url(aboutmin.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.about .right{ padding-right:0px;}
.about .right .h1{ padding-top:0px;}
.about  .picli{ margin:auto}
.about  .picli .img{ position:relative;	left: 0px;
	top: 0px; width:100%;}
.about  .picli .img img,.about .left{ width:100%;}	
.about{ background-size:100% 100%; padding-top:0px;}
.about  .picli .img{ width:100%; }
.about .right{ margin-left:0px; clear:both; width:96%; padding-top:0px; margin-top:0px; padding-left:2%; padding-right:2%;}

.about .youshi{ margin:0px;}
.about .youshi .item{ width:33.33333%; padding-bottom:20px; font-size:12px}
.about .youshi .item .h2{ font-size:16px;}
.about .econtent .bg,.about  .picli{ margin-left:0px;}
.news .econtent .picli,.news .econtent .picli:nth-child(2n+1),.news .econtent .picli:nth-child(2n){ width:96%; margin-left:0px; margin-right:0px; float:left; max-width:96%; padding-left:2%; padding-right:2%;}
.news .econtent { clear:both; width:96%; padding-left:2%; padding-right:2%;}
.newsbg{ background-size:auto 100%;
}	
.sort2 { text-align:left}
.sort2 a{ width:48%; padding:0px; float:left; margin-left:1%; margin-right:1%;}

.pro .more{ display:block}
.procontent .title span{ font-size:12px;	padding-left:5px;
	padding-right:5px;}
.proimg .imgli{ height:100px;}
.proimg .imgli img{ max-width:90%; max-height:90%;}	
.sortlis a{ width:48%;}
}